<!DOCTYPE html>
<html>
<head>
<title>登山</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,target-densitydpi=device-dpi,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="format-detection" content="telephone=no" />
<meta name="format-detection" content="email=no" />
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-control" content="no-cache">
<meta http-equiv="Cache" content="no-cache">
<link rel="stylesheet" type="text/css" href="css/common.css" />
<link rel="stylesheet" type="text/css" href="css/index.css?v=113" />
<script src="http://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
<script src="js/base/base.js"></script>
<script src="js/jquery.js"></script>
<script src="js/bscroll.min.js"></script>
<script src="js/base/com.js"></script>
<script>
//是否创建了我的战队
var _hasWoDeZhanDui='<?php echo $hasWodezhandui; ?>';
ibase.init({dir:'portrait',lock:true});
	//障碍物数组
	var objarr=[
		{src:"images/z1.png?v=1",type:"kill",width:150,height:122},
		{src:"images/z2.png?v=1",type:"kill",width:180,height:94},
		{src:"images/z3.png?v=1",type:"kill",width:150,height:115},
		{src:"images/z4.png?v=1",type:"kill",width:150,height:119},
		{src:"images/z5.png?v=1",type:"kill",width:180,height:73},
		{src:"images/z6.png?v=1",type:"kill",width:170,height:127},
	]
	//var objStep=Math.floor(Math.random() * objarr.length);
	//金币
	var moneyarr=[
		{src:"images/m1.png",type:"money",width:100,height:133},
		{src:"images/m2.png",type:"money",width:100,height:133},
		{src:"images/m3.png",type:"money",width:100,height:133},
		{src:"images/m4.png",type:"money",width:100,height:133},
		{src:"images/m5.png",type:"money",width:100,height:133},
		{src:"images/m6.png",type:"money",width:100,height:133},
		{src:"images/m7.png",type:"money",width:100,height:133},
	]
	$(function(){
		$(".content").css({"background-image":"url(images/bg.jpg)"})
	})
</script>
</head>
<body>
<article id="container">
	<!-- 用户登录 -->
	<div class="loginbox" style="<?php echo $loginboxStyle; ?>">
		<img src="images/loginbg.png" class="loginbg" />
		<div class="showUserHeaderimgbox">
			<img src="<?php echo $avatar ?>" />
		</div>
		<div class="loginusername"><?php echo $nickname ?></div>
		<div class="inputbox">
			<input type="number" pattern="[0-9]*" maxlength="11" class="inputsty inputnumber" value=""  placeholder="请输入手机号" oninput="if(value.length>11)value=value.slice(0,11)" />
			<input type="text" class="inputsty inputtext" value=""  placeholder="请输入验证码" />
			<div class="getYzm" >获取验证码</div>
			<img src="images/loginbtn.png" class="loginbgn" title="注册登录" />
			
			<div class="xieyibtn"></div>
		</div>
		
		<!-- 协议 -->
		<div class="xieyibox">
			<div class="xieyioutbox">
				<div class="scrollxieyibox">
					<img src="images/xieyitxt.jpg" />
				</div>
			</div>
		</div>
		
	</div>
	
	<!-- 游戏部分 -->
	<section class="content" id="content">
		<div class="gamebox" id="gamebox"></div>
		<div class="animal">
			<img src="images/animal.png" class="animalItem animalzhenmian" style="display:block;" title="正面" />
			<img src="images/animal-bg.gif" class="animalItem animalbeimian" style="display:none;" title="背面"/>
			<img src="images/animal-bg2.png" class="animalItem animaldengxia" style="display:none;" title="蹲下"/>
			<img src="images/animal-bg3.png" class="animalItem animalku" style="display:none;" title="库"/>
		</div>
	</section>
	<img src="images/logo2.png" class="logo" />
	<div class="scorebox" title="得分">0</div>
	<img src="images/zhibojian.png" class="zhibojian" title="直播间" />
	<div class="bgmbox" title="背景音乐">
	    <img src="images/music-icon-pause.png" title="暂停" class="pauseBgm pBgm1" />
		<img src="images/music-icon-play.png" title="播放" class="playBgm pBgm2" />
	</div>
	<img src="images/paihangbang.png" class="paihangbang" title="排行榜" />
	<img src="images/gonggao.png" class="gonggao" title="公告" />
	<img src="images/wodezhandui.png" style="<?php echo $wodezhandui ?>" class="wodezhandui" title="我的战队" />
	
	<!-- 开始浮层 -->
	<div class="startbox" >
		<div class="playbtn startBtn" style="display:block;" title="开始"></div>
		<!-- 重新开始 -->
		<div class="replaybox" style="display:none;">
			<!-- <div class="showUserHeaderimgbox2">
				<img src="images/headerimg.jpg" />
			</div> -->
			<img src="images/close.png" class="closereplaybox" />
			<div class="scorebox2">0</div>
			<img src="images/replay-btn.png" class="replay" title="继续和再来一局"/>
			<img src="images/replayShowphb-btn.png" class="replayShowphb" />
		</div>
	</div>
	
	<!-- 倒计时 -->
	<div class="daojishi">
		<div class="daojishitxt">
			<img src="images/d3.png" class="djsnum" style="display:block;"/>
			<img src="images/d2.png" class="djsnum" style="display:none;"/>
			<img src="images/d1.png" class="djsnum" style="display:none;"/>
		</div>
		
	</div>
	
	
	<!-- 新纪录浮层 -->
	<div class="newrecordbox" style="display:none;">
		<div class="innewrecordbox">
			<div class="headerbox">
				<img src="images/headerimg.jpg" />
			</div>
			<div class="newRecordNum">52145</div>
			<div class="sharebtn" title="邀请好友"></div>
			<div class="rplaybtn" title="继续挑战"></div>
		</div>
	</div>
	
 
	<!-- 直播间浮层 -->
	<div class="zhibojianbox">
		<div class="zhibojianpicbox">
			<img src="images/zhibojianPic.png" class="zhibojianpic" />
			<img src="images/back1.png" class="zhibojianback" />
		</div>
	</div>
	
	<!-- 公告 -->
	<div class="gonggaobox">
		<div class="bordersty">
			<img src="images/gonggaoLogo.png" class="gonggaoLogo" />
			<img src="images/back2.png" class="closegonggao" />
		</div>
		<div class="ggbox01">
			<img src="images/gg01.png" class="ggpic" />
		</div>
		<div class="ggbox02">
			<div class="ggscrollbox">
				<div class="ggscrollbox2">
					<div class="ggcontentbox">
						<img src="images/gg02.png" />
					</div>
				</div>
			</div>
		</div>
		
	</div>
	
	<!-- 排行榜 -->
	<div class="paihangbangbox paihangbangbox1" style="display:none;">
		<div src="images/paihangbangtitle.png" class="paihangbangtitle" >
			<img src="images/back2.png" class="backphb" />
		</div>
		
		<div class="phbbox1">
			<div class="phbboxbg"></div>
			<!-- 排行榜tab 切换 -->
			<div class="tabbox">
				<div class="tab1 tableft1" title="个人排行榜">
					<!-- <img src="images/myTab.png" class="tab1bg" style="display:none;"/> -->
					<img src="images/myTabActive.png" class="tab1bg tab1bgactive" style="display:block;"/>
				</div>
				<div class="tab1 tabright1" title="战队排行榜">
					<!-- <img src="images/groupTab.png" class="tab1bg" style="display:block;"/> -->
					<img src="images/groupTabActive.png" class="tab1bg tab1bgactive" style="display:block;"/>
				</div>
			</div>
			<img src="images/txt1.png" class="txt1" />
			<div class="msgbox">
				<div class="mymsgbox mymsgbox1" style="display:block;" title="我的排行">
					<div class="myphmsg" >
						<div class="gourpHeaderbox">
								<!-- 在榜单内 -->
								<div class="groupHeader groupHeader1-1" style="display:block">
									<img src="<?php echo $avatar; ?>" />
								</div>
								<!-- 不在榜单内 -->
								<div class="groupHeader groupHeaderno1-1" style="display:none">
									<img src="<?php echo $avatar; ?>" />
								</div>

						</div>
						<!-- 不在榜单内 就把数字隐藏 -->
						<div class="myLayer" title="我的排行数字">11</div> 
						
						<div class="layerName0"><?php echo $nickname; ?></div>
						<div class="layerScore0">100</div>
						<img src="images/icon-1.png" class="iconjp0" />
						<img src="images/txt2.png" class="noshangbang" title="当前未上榜"/>
					</div>
				</div>
				<div class="groupmsgbox groupmsgbox1" style="display:none;" title="我的战队" >
					<div class="mygroupbox" style="display:none;" title="显示战队信息">
						<div class="gourpHeaderbox">
								<!-- 战队只有一个人头 -->
								<div class="groupHeader groupHeader1-1">
									<img src="images/headerimg.jpg" />
								</div>
								
								<!-- 战队只有二个人头 -->
								<!-- <div class="groupHeader groupHeader2-1">
									<img src="images/headerimg.jpg" />
								</div>
								<div class="groupHeader groupHeader2-2">
									<img src="images/headerimg.jpg" />
								</div> -->
								
								<!-- 战队只有三个人头 -->
								<!-- <div class="groupHeader groupHeader3-1">
									<img src="images/headerimg.jpg" />
								</div>
								<div class="groupHeader groupHeader3-2">
									<img src="images/headerimg.jpg" />
								</div>
								<div class="groupHeader groupHeader3-3">
									<img src="images/headerimg.jpg" />
								</div> -->
						</div>
						<div class="myLayer">5</div>
						<div class="layerName0">userna</div>
						<div class="layerScore0">1001</div>
						<img src="images/icon-1.png" class="iconjp0" />
						<img src="images/txt2.png" class="noshangbang" title="当前未上榜"/>
					</div>
					
					<div class="joinGroup" title="加入战队" style="display:block;"></div>
				</div>
			</div>
			<!--个人和战队列表 -->
			<div class="listbox">
				<div class="listItembox" >
					<div class="listItemscrolbox listItemscrolbox1">
						<div class="grScrollbox" title="个人排行">
							<ul class="listUlbox listUlbox1" >
								<li class="listItem listItemFront3 listItemFront3-1">
									<div class="listUserheaderbox3">
										<img src="images/headerimg.jpg" />
									</div>
									<img src="images/1.png" class="layer123" />
									<div class="layerName">个人排行</div>
									<div class="layerScore">1000</div>
									<img src="images/icon-1.png" class="iconjp" />
								</li>
								<li class="listItem listItemFront3 listItemFront3-2">
									<div class="listUserheaderbox3">
										<img src="images/headerimg.jpg" />
									</div>
									<img src="images/2.png" class="layer123" />
									<div class="layerName">个人排行</div>
									<div class="layerScore">1000</div>
									<img src="images/icon-2.png" class="iconjp" />
								</li>
								
								<li class="listItem listItemFront3 listItemFront3-3">
									<div class="listUserheaderbox3">
										<img src="images/headerimg.jpg" />
									</div>
									<img src="images/3.png" class="layer123" />
									<div class="layerName">个人排行</div>
									<div class="layerScore">1000</div>
									<img src="images/icon-3.png" class="iconjp" />
								</li>
								<li class="listItem">
									<div class="listUserheaderbox">
										<img src="images/headerimg.jpg" />
									</div>
									<div class="layernum">4</div>
									<div class="layerName">个人排行</div>
									<div class="layerScore">1000</div>
								</li>
								<li class="listItem">
									<div class="listUserheaderbox">
										<img src="images/headerimg.jpg" />
									</div>
									<div class="layernum">5</div>
									<div class="layerName">个人排行</div>
									<div class="layerScore">1000</div>
								</li>
								
							</ul>
						</div>
						
						<div class="groupScrollbox" title="战队排行">
							<ul class="listUlbox listUlbox2" >
								<li class="listItem listItemFront3 listItemFront3-1">
									<!-- 一个人头 -->
									<!-- <div class="listUserheaderbox3-1-1">
										<img src="images/headerimg.jpg" />
									</div> -->
									
									<!-- 二个人头 -->
									<!-- <div class="listUserheaderbox3-2-1">
										<img src="images/headerimg.jpg" />
									</div>
									<div class="listUserheaderbox3-2-2">
										<img src="images/headerimg.jpg" />
									</div> -->
									
									
									<!-- 三个人头 -->
									<div class="listUserheaderbox3-3-1">
										<img src="images/headerimg.jpg" />
									</div>
									<div class="listUserheaderbox3-3-2">
										<img src="images/headerimg.jpg" />
									</div>
									<div class="listUserheaderbox3-3-3">
										<img src="images/headerimg.jpg" />
									</div>
									
									
									
									
									
									<img src="images/1.png" class="layer123" />
									<div class="layerName">战队排行</div>
									<div class="layerScore">1000</div>
									<img src="images/icon-1.png" class="iconjp" />
								</li>
								<li class="listItem listItemFront3 listItemFront3-2">
									<div class="listUserheaderbox3">
										<img src="images/headerimg.jpg" />
									</div>
									<img src="images/2.png" class="layer123" />
									<div class="layerName">战队排行</div>
									<div class="layerScore">1000</div>
									<img src="images/icon-2.png" class="iconjp" />
								</li>
								
								<li class="listItem listItemFront3 listItemFront3-3">
									<div class="listUserheaderbox3">
										<img src="images/headerimg.jpg" />
									</div>
									<img src="images/3.png" class="layer123" />
									<div class="layerName">战队排行</div>
									<div class="layerScore">1000</div>
									<img src="images/icon-3.png" class="iconjp" />
								</li>
								<li class="listItem">
									<div class="listUserheaderbox">
										<img src="images/headerimg.jpg" />
									</div>
									<div class="layernum">4</div>
									<div class="layerName">战队排行</div>
									<div class="layerScore">1000</div>
								</li>
								
								
							</ul>
						</div>
					</div>
				</div>
	 
			</div>
			
			
		</div>
		
	</div>
	
	<!-- 我的战队 -->
	<div class="myzhandui" style="display:none;">
		<div class="myzhanduititle" >
			<img src="images/back2.png" class="backwdzd" />
		</div>
		<div class="myzhanduimsg">
			
			<div class="rentoubox">
				<!-- 一个人头 -->
				<div class="rentou rentou1">
					<img src="images/headerimg.jpg" />
				</div>

				<!-- 二个人头 -->
				<div class="rentou rentou2-1">
					<img src="images/headerimg.jpg" />
				</div>
				<div class="rentou rentou2-2">
					<img src="images/headerimg.jpg" />
				</div>
				
				<!-- 三个人头 -->
				<div class="rentou rentou3-1">
					<img src="images/headerimg.jpg" />
				</div>
				<div class="rentou rentou3-2">
					<img src="images/headerimg.jpg" />
				</div>
				<div class="rentou rentou3-3">
					<img src="images/headerimg.jpg" />
				</div>
				
			</div>
			
			<div class="myzhanduiname">美赞臣活力战队</div>
			<div class="myzdpaiming">
				当前排名:12
			</div>
			<div class="myzdjifen">
				总积分:<span>12000分</span>
			</div>
		</div>
		<div class="zhanduichengyuan">战队成员(3/3)</div>
		<!-- 我的战队列表 -->
		<div class="wodezdlist">
			<img src="images/txt3.png" class="txt3" />
			<ul class="myzdlistUlbox" >
				<li class="myzdlistItem">
					<div class="listUserheaderbox3">
						<img src="images/headerimg.jpg" />
					</div>
					<div class="layerName">战队排行</div>
					<div class="layerScorezd">10</div>
					
					<div class="outGroup">退出</div>
					
				</li>
				<li class="myzdlistItem">
					<div class="listUserheaderbox3">
						<img src="images/headerimg.jpg" />
					</div>
					<div class="layerName">战队排行</div>
					<div class="layerScorezd">10</div>
					<div class="outGroup">退出</div>
				</li>
			</ul>	
		</div>
		
		<!-- 确认退出浮层 -->
		<div class="querenoutgroup">
			<div class="querenoutgroupbg">
				<div class="queyiyijue" title="去意已决"></div>
				<div class="wozaixiangxiang" title="我再想想"></div>
			</div>
			
		</div>
 
	</div>
	
	<!-- 加入战队 -->
	<div class="createGroupbox" style="display:none;">
		<!-- 创建战队输入框 -->
		<div class="createGroup" style="display:block;">
			
			<input type="text" value="" placeholder="战队名称" class="groupname" />
			<div class="closeCreategroupbox" title="关闭"></div>
			<div class="qrcreatebtn" title="确认"></div>
		</div>
		
		<!-- 创建成功 -->
		<div class="createsuccessbox" style="display:none;">
			<div class="cgroupUserheaderbox cgroupUserheader-1">
				<img src="<?php echo $avatar ?>" class="cgroupUserheaderpic-1" />
				<div class="chenyuanname"><?php echo $nickname; ?></div>
			</div>
			<div class="cgroupUserheaderbox cgroupUserheader-2">
				<img src="images/jia.png" class="cgroupUserheaderpic-1" />
			</div>
			<div class="cgroupUserheaderbox cgroupUserheader-3">
				<img src="images/jia.png" class="cgroupUserheaderpic-1" />
			</div>
			
			<div class="showGroupname">
				<span class="inshowGroupname"></span>
			</div>
			<div class="closeCreategroupbox" title="关闭"></div>
			<div class="showsharefloatbtn" title="邀请好友"></div>
		</div>
		
	</div>

	<!-- 通过好友分享链接进入 加入战队 -->
	<div class="sourceShareJoingroup" style="<?php echo $needAddZhandui; ?>">
		<!-- 加入战队详情 -->
		<div class="joinsharegroupbox" style="display:block;">
			<div class="joingroupUserheaderbox joingroupUserheader-1">
				<img src="<?php echo $joinGroupInfo[0]['a'] ?>" class="joingroupUserheaderpic-1" />
				<div class="chenyuanname"><?php echo $joinGroupInfo[0]['n'] ?></div>
			</div>
			<div class="joingroupUserheaderbox joingroupUserheader-2">
			  <?php if (isset($joinGroupInfo[1]['a'])){ ?>
			    <img src="<?php echo $joinGroupInfo[1]['a'] ?>" class="joingroupUserheaderpic-1" />
				<div class="chenyuanname"><?php echo $joinGroupInfo[1]['n'] ?></div>
			  <?php }else{ ?>
				<img src="images/jia.png" class="joingroupUserheaderpic-1" />
				<div class="chenyuanname">昵称</div>
			   <?php } ?>
			</div>
			<div class="joingroupUserheaderbox joingroupUserheader-3">
				<img src="images/jia.png" class="joingroupUserheaderpic-1" />
				<div class="chenyuanname">昵称</div>
			</div>
			
			<div class="showGroupname">
				<span class="inshowGroupname"><?php echo $fTeamName ?></span>
			</div>
			<div class="closesharejoingroupbox closerepeatbox" title="关闭"></div>
			<div class="querenjiarugroupbtn" title="确认加入"></div>
		</div>
		
		<!-- 加入战队成功 -->
		<div class="joinsharegroupsuccessbox" style="display:none">
			<div class="chakanmyzhandui" title="查看我的战队"></div>
			<div class="closesharejoingroupbox closerepeatbox" title="关闭"></div>
		</div>
		
		<!-- 重复加入 -->
		<div class="repeatjoinsharegroupsuccessbox" style="display:none">
			<div class="repeatJoinquerenbtn closerepeatbox" title="确认"></div>
			<!-- <div class="closesharejoingroupbox closerepeatbox" title="关闭"></div> -->
		</div>
		
	</div>
	
	<!-- 活动未开始 -->
	<div class="activeNotStartbox" style="display:none;">
		<div class="activeNotStart">
			<div class="activeNotStartChakangonggao" title="查看公告"></div>
		</div>
	</div>
	
	<!-- 活动一结束 -->
	<div class="endactivebox" style="display:none;">
		<div class="endactive">
			<div class="endactiveChakangonggao" title="查看公告"></div>
			<!-- <div class="closeendactivebox" title="关闭"></div> -->
		</div>
	</div>
	
	<!-- 邀请好友 -->
	<div class="sharefloat">
		<img src="images/sharepic.png" />
		
	</div>
	
	
	<div class="loaddatabox"><img src="images/load.gif" /></div>
	
	<div class="weui-toast" style="display:none;">
         <i class="weui-icon-warn weui-icon_toast"></i>
         <p class="weui-toast__content">战队名已存在</p>
    </div>
    <div style="display:none;">
	    <audio id="bgm" preload="auto" loop="loop"><source src='./mp3/bg.mp3' type="audio/mp3"> </audio>
	    <audio id="fen" preload="auto"><source src='./mp3/fen.mp3?v=4' type="audio/mp3"> </audio>
	    <audio id="peng" preload="auto"><source src='./mp3/peng.mp3' type="audio/mp3"> </audio>
	</div> 
	
</article>
<script src="js/index.js?v=<?php echo rand(1,99) ?>"></script>
<?php include 'js.php'; ?>
</body>
</html>